<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function changeImg() {
            //得到验证码图片对象
            var imgObj = document.getElementById("codeImg");
            //改变src属性，重新向服务器发请求，
            // 加上Math.random()表示改变每次请求的路径，消除浏览器缓存
            imgObj.src = "/checkCode?"+Math.random();
        }
    </script>
</head>
<body>
    <form action="/student/add">
        姓名：<input type="text" name="name"><br>
        生日：<input type="text" name="birthday"><br>
        成绩：<input type="text" name="grade"><br>
        验证码：<img src="/checkCode" id="codeImg">
        <a href="javascript:changeImg()">看不清楚，换一张</a>
        <br>
        <input type="submit" value="添加">
    </form>
</body>
</html>